<template>
  <web-view :src="readUrl">

  </web-view>
</template>

<script>
  export default {
    name: "read",
    computed: {
      readUrl(){
        return `https://www.youbaobao.xyz/book/#/ebook/${this.fileName}?opf=${this.opf}&navigation=${this.navigation}`
      },
    },
    props : {
      fileName : '',    //图书的唯一标识
      opf : '',         //图书opf文件地址
      navigation : '',  //图书目录地址
    },
    mounted() {
      this.fileName = this.$route.query.fileName || '';
      this.opf = this.$route.query.opf || '';
      this.navigation = this.$route.query.navigation || '';
    },
  };
</script>

<style scoped>

</style>
